@mixin flx-dsp($jsc:center, $ali:center, $drt:row) {
  display: flex;
  flex-direction: $drt;
  justify-content: $jsc;
  align-items: $ali;
}

@mixin box-size() {
  box-sizing: border-box;
}

@mixin transition($arrt, $time, $func:ease) {
  transition: $arrt $time $func;
}

@mixin tsf($x, $y) {
  transform: translate($x, $y);
}

@mixin transform($arrt) {
  transform: $arrt;

}

@mixin flex1() {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}

// 旋转
@mixin rotate($deg) {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  transform: rotate($deg);
  -ms-transform: rotate($deg);
  /* IE 9 */
  -moz-transform: rotate($deg);
  /* Firefox */
  -webkit-transform: rotate($deg);
  /* Safari 和 Chrome */
  -o-transform: rotate($deg);
  /* Opera */
}

// 设置外圈为圆
@mixin setRound($width, $height, $backgroundColor, $border) {
  width: $width;
  height: $height;
  background-color: $backgroundColor;
  border: $border;
  border-radius: 50%;
  box-sizing: border-box;
}

//设置超出隐藏以及设置省略号
@mixin set-word-hidden() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 点击按钮缩放一下的效果
@keyframes scaleScenc {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.95, 0.95);
  }

  100% {
    transform: scale(1, 1);
  }
}

@mixin scaleBox($time) {
  animation: scaleScenc $time linear;
}

// 定位居中

@mixin positioning_center() {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

.disableEvents {
  pointer-events: none;
}

.disableEventsOpacty {
  pointer-events: none;
  opacity: 0.4;
}